$(function(){

	// 最上面的下滑广告
	// **************************************************
	// 完善页面的时候先把最上面的下滑广告注释掉

	setTimeout(function(){
		$('#ad_out').animate({'margin-top':'0px'},3000,function(){			
					$('#ad_out').delay(4000).animate({'margin-top':'-200px'},3000);			
		});		
	},10000);
	


	// ********************************************
// 主页的精品市场的轮播图
	// 定义一个联系整个运动的变量c
		var c = 0;
		// 设置一个变量来控制图片大小状态
		
		// 将运动方法存在一个变量中
		function run(){
			c++;
			c = (c==6)?0:c;
			// 让图片先变大,通过css设置让他们在一瞬间快速变大
			$('.ciy img').eq(c).css({'width':'820px','height':'490px','left':'-10px','top':'-10px'})
			// 让c号相对应的图片显示,其兄弟元素都隐藏
			$('.ciy .ciy_picouter').eq(c).fadeIn(800).siblings('div').hide();
			// 让c号相对应的li变色,其兄弟元素都是原色
			$('.ciy .li_points li').eq(c).css('background','#C40000').siblings().css('background','#000000');
			// 背景li随图片变色的效果
			$('#home_line .circulation').eq(c).fadeIn(800).siblings('.circulation').hide();
			$('.ciy .ciy_picouter .fututu').eq(c).show().siblings('div').hide();
			// 图片由大变小的效果
			$('.ciy img').eq(c).stop().animate({'width':'810px','height':'480px','left':'0px','top':'0px'},5000);
			


		}
		var timer = setInterval(run,5000);


		// 设置鼠标移入效果
		$('.ciy .li_points li').mouseover(function(){
		// 首先在鼠标移到小圆点儿上的时候需要先清理定时器
			clearInterval(timer);
			// 获得当前移入的li的序号
			c = $(this).index();
			// 让c号相对应的图片显示,其兄弟元素都隐藏
			$('.ciy .ciy_picouter').eq(c).fadeIn(800).siblings('div').hide();
			// 让c号相对应的li变色,其兄弟元素都是原色
			$('.ciy .li_points li').eq(c).css('background','#C40000').siblings().css('background','#000000');
			$('#home_line .circulation').eq(c).fadeIn(800).siblings('.circulation').hide();
			// 图片由大变小的效果
			$('.ciy img').eq(c).stop().animate({'width':'810px','height':'480px','left':'0px','top':'0px'},5000);
			$('.ciy .ciy_picouter .fututu').eq(c).show();
		});
		// 设置鼠标移出效果
		$('.ciy .li_points li').mouseout(function(){
			timer = setInterval(run,5000);
			$('.ciy img').eq(c).css({'width':'820px','height':'490px','left':'-10px','top':'-10px'});
		});

	
	// 主页的精品市场的轮播图结束******************************************


	// 主页面的右边的两个或一个产品display展示div
	// 第一个页面的两个展示产品

	// 两个中的上面的那个
	$('#main_page .display .display_up').hover(function(){
		$(this).stop().animate({'left':'-7px'},300);
	},function(){
		$(this).stop().animate({'left':'0px'},300);
	})
	// 两个中的下面的那个
	$('#main_page .display .display_down').hover(function(){
		$(this).stop().animate({'left':'-7px'},300);
	},function(){
		$(this).stop().animate({'left':'0px'},300);
	})


	// 左边的大分类栏的二级菜单效果
	$('#main_page .itemize #fenleiouter .inner').hover(function(){
			$(this).siblings().css({'background':'none'});
			$(this).find('p').stop().animate({'left':'10px'},300);
			$(this).css({'background':'#A90000'});
			// 鼠标移入给slide_box加一个显示的动作


			// **************这些都是控制第一个女装那一栏的补救方法*********
			$(this).find('.slide_box').stop().fadeIn(50).animate({'left':'195px'},400);
			$(this).find('.nei a').css({'color':'#8A838B','line-height':'15px'});
			$(this).find('.nei a.bianhong').css({'color':'#D94381'})
			$(this).find('.slide_box .nei').css({'text-indent':'0px','top':'10px','left':'-20px','line-height':'23px'})
			$(this).find('.more2').css({'color':'#909CA4','position':'absolute','left':'320px','text-indent':'0px','line-height':'70px','text-decoration':'none'})
			$(this).find('.more3').css({'color':'#909CA4','position':'absolute','left':'320px','text-indent':'0px','line-height':'43px','text-decoration':'none'})
			$(this).find('.super2').css({'color':'#000'})
			$(this).find('.super3').css({'color':'#000'})
			

			// *******************以上对女装那一栏的二级菜单的补救方法结束***
			// 以下是与男装相同的那几个二级菜单样式
			$(this).find('.special').stop().fadeIn(50).animate({'left':'195px'},400);
			// $(this).find('.special .neiqian2').css({'line-height':'15px'})
			// 以下是与食品栏样式相同的菜单动作
			$(this).find('.popular').stop().fadeIn(50).animate({'left':'195px'},400);
			// 以下是家装那一个二级菜单文字内容过多需要动态更改lineheight的处理
			$(this).find('.jiazhuang a').css({'line-height':'20px'});
			// 以下是汽车生活馆那个二级菜单第一个文字框内容过多需要动态更改lineheight的处理
			$(this).find('.movecar a').css({'line-height':'20px'});
			// 以下是家纺家饰那个二级菜单的第一框文字需要动态修改lineheight的处理
			$(this).find('.homestyle a').css({'line-height':'20px'});
			// 以下是处理医药那个二级菜单第二框和第三框文字的lineheight
			$(this).find('.yiyao a').css({'line-height':'20px'});
			// 以下是母婴玩具的二级菜单控制
			$(this).find('.muying').stop().fadeIn(50).animate({'left':'195px'},400);
			// 以下是对珠宝饰品二级菜单的控制
			$(this).find('.jew').stop().fadeIn(50).animate({'left':'195px'},400);
			// 精选市场的控制
			$(this).find('.better_shop').stop().fadeIn(50);

	},function(){
			$(this).find('p').stop().animate({'left':'0px'},300);
			$(this).css({'background':'#4A4A4A'}).siblings().css({'background':'none'});
			// 鼠标移出的时候给slide_box加一个隐藏的动作
			$(this).find('.slide_box').stop().hide(50).animate({'left':'192px'},400);
			// 这是男装special那几个共用的样式
			$(this).find('.special').stop().hide(50).animate({'left':'192px'},400);
			// 这是与食品共用的2级菜单样式
			$(this).find('.popular').stop().hide(50).animate({'left':'192px'},400);
			// 这是母婴菜单的样式动作
			$(this).find('.muying').stop().hide(50).animate({'left':'192px'},400);
			// 这是对珠宝饰品的隐藏动作
			$(this).find('.jew').stop().hide(50).animate({'left':'195px'},400);
			// 精选市场的控制
			$(this).find('.better_shop').stop().hide(50);
		})
		$('.better_shop').mouseleave().fadeIn();




	// 下面每层中右边相同的部分鼠标移入的时候往左边移动一下的效果
	$('.same_right img').hover(function(){
		$(this).stop().animate({'left':'-8px'},400)
	},function(){
		$(this).stop().animate({'left':'0px'},400)
	})


	// *************************************************
	// 滚动条下滑,搜索栏固定的效果
	// 给window加滚动条事件
		$(window).scroll(function(){
			// 获得已滚动上去的高度
			var drag_top_height = $(window).scrollTop();
			// 让搜索条在滚动上移大于700的时候显示并固定在最上面
			if(drag_top_height>700){
				// 因为是百分之百的长度所以不用考虑居中的问题,居中需要用(可视区域的宽度-导航栏的宽度)然后再除以2,这里并非那种情况,所以不用考虑
				$('#drag_down').stop().animate({'top':'0px'},300);
			}else{
				// 在滚动条滚动上去的时候让他恢复隐藏
				$('#drag_down').stop().animate({'top':'-52px'},230);
			}
		})
	// *****************************************
	// 每层楼左边的无缝轮播图
	// 设置一个一直自增的变量
		var w = 0;
		// 设置一个定时器让inner一直往左边移动
		// 解决定时器叠加的问题
		var jj = 1;
		// 将动作存进一个变量中
		var change = function(){
			jj == 1 ;
			w--;
			if(w==-4){
				$('.moveouter .move_inner').css({'left':'0px'});
				w = -1;
			}

			// 左边的距离
			var disleft = w*97;
			$('.moveouter .move_inner').animate({'left':disleft+'px'},1000)

		}
		var wufeng = setInterval(change,3000);

// *********************************************************************
// 右边的按键
		var c = 0;
		$('.right_arrows').click(function(){
			jj = 2;
			// alert(8);
			clearInterval(wufeng);
			w--;
			if(w == -4){
				$('.move_inner').css('left','0px');
				w = -1;
			}
			// 左边的距离
			var left = w*97;
			$('.moveouter .move_inner').animate({'left':left+'px'},500);

		})
		// 鼠标抬起的时候将定时器恢复
		$('.right_arrows').mouseup(function(){
			jj = 1;
			wufeng = setInterval(change,3000);
		})

// ****************************************************************************
// 左边的按键
		// 点击左边的箭头的时候清理定时器
		$('.left_arrows').click(function(){
			jj = 2;
			clearInterval(wufeng);
			w++;
			if(w == 1){
				$('.move_inner').css('left',-291+'px');
				w = -2;
			}
			var left = w*97;
			$('.moveouter .move_inner').animate({'left':left+'px'},500);
			jj = 1;
		})
// **************************************************************************
// 左边的按键结束
		// 当鼠标移到里面的小图片上的时候先清理定时器然后离开的时候再将定时器恢复
		$('.move_inner>li img').hover(function(){
			clearInterval(wufeng);
			$(this).stop().animate({'left':'-10px'});
		},function(){
			wufeng = setInterval(change,3000);
			$(this).stop().animate({'left':'0px'});
		})

		// ***************************************************
		// 副主页左边的图片右平铺效果
		$('#hot_brand .brand_down .brand_down_left').hover(function(){
			$('#hot_brand .brand_down .brand_down_left .brand_down_left_innerright').stop().animate({'width':'810px'},700);
		},function(){
			$('#hot_brand .brand_down .brand_down_left .brand_down_left_innerright').stop().animate({'width':'0px'},700);
		})



// *****************************************************************
		// 右边固定在页面上的竖条导航
				// 这个是我的特权的右滑效果
		$('#maotouwai').hover(function(){
			$('#stand_line>span span').hide();
			$('#wodetequan').stop().fadeIn(300).animate({'left':'-90px'});
		},function(){
			$('#wodetequan').stop().animate({'left':'-130px'}).fadeOut(300);
		})
		// 这个是我的资产的右滑效果
		$('#renminbi').hover(function(){
		$('#stand_line>span span').hide();
			$('#wodezichan').stop().fadeIn(30).animate({'left':'-90px'});
		},function(){
			$('#wodezichan').stop().animate({'left':'-130px'}).fadeOut(300);
		})
		// 这个是关注品牌的右滑效果
		$('#xinxing').hover(function(){
			$('#stand_line>span span').hide();
			$('#guanzhupinpai').stop().fadeIn(30).animate({'left':'-90px'});
		},function(){
			$('#guanzhupinpai').stop().animate({'left':'-130px'}).fadeOut(300);
		})
		// 这个是我的收藏的右滑效果
		$('#xing').hover(function(){
			$('#stand_line>span span').hide();
			$('#wodeshoucang').stop().fadeIn(30).animate({'left':'-90px'});
		},function(){
			$('#wodeshoucang').stop().animate({'left':'-130px'}).fadeOut(300);
		})	
		// 这个是我看过的右滑效果	
		$('#lishi').hover(function(){
			$('#stand_line>span span').hide();
			$('#wokanguode').stop().fadeIn(30).animate({'left':'-90px'});
		},function(){
			$('#wokanguode').stop().animate({'left':'-130px'}).fadeOut(300);
		})		

		// 这个是我要充值的右滑效果
		$('#chongzhi').hover(function(){
			$('#stand_line>span span').hide();
			$('#woyaochongzhi').stop().fadeIn(30).animate({'left':'-90px'});
		},function(){
			$('#woyaochongzhi').stop().animate({'left':'-130px'}).fadeOut(300);
		})		
		// 用户反馈的右滑效果
		$('#yonghufankui').hover(function(){
			$('#stand_line>span span').hide();
			$('#yonghufankui1').stop().fadeIn(30).animate({'left':'-90px'});
		},function(){
			$('#yonghufankui1').stop().animate({'left':'-130px'}).fadeOut(300);
		})	
		// 返回顶部的右滑效果
		$('#fanhui').hover(function(){
			$('#stand_line>span span').hide();
			$('#fanhuidingbuba').stop().fadeIn(30).animate({'left':'-90px'});
		},function(){
			$('#fanhuidingbuba').stop().animate({'left':'-130px'}).fadeOut(300);
		})	
		// 二维码右滑效果
		$('#erweima').hover(function(){
			$('#woshierweima').fadeIn(30)
		},function(){
			$('#woshierweima').fadeOut(300);
		})	

		// brand品牌展示区域的实心和空心小span
		$('.brand_down_center .center').hover(function(){
			$(this).find('.brand_heart_kong').show();
		},function(){
			$(this).find('.brand_heart_kong').hide();
		})

		// 最顶部的信息栏长条
		// 我的淘宝的下拉菜单
		$('#my_taobao').mouseenter(function(){
			$('#wodetaobao_bottom_cover').show();
		})
		$('#wodetaobao_bottom_cover').mouseleave(function(){
			$(this).hide(30);
		})
		// 收藏夹的下拉菜单
		$('#favorite').mouseenter(function(){
			$('#shoucangjia_bottom_cover').show();
		})
		$('#shoucangjia_bottom_cover').mouseleave(function(){
			$(this).hide(30);
		})
		// 手机版扫一扫定制天猫
		$('#shoujibansaoyisao').hover(function(){
			$('#saoyisaodingzhi').show();
		},function(){
			$('#saoyisaodingzhi').hide(30);
		})
		// 商家支持的下拉菜单
		$('#support').mouseenter(function(){
			$('#shangjiazhichi_bottom_cover').show();
		})
		$('#shangjiazhichi_bottom_cover').mouseleave(function(){
			$(this).hide(30);
		})
		// 网站导航的下拉菜单
		$('#direction').mouseenter(function(){
			$('#wangzhandaohang_bottom_cover').show();
		})
		$('#wangzhandaohang_bottom_cover').mouseleave(function(){
			$(this).hide(30);
		})

		// 点击返回顶部不用锚链接而是滚动回顶部的方法
		$("#fanhui").click(function(){

			$("html,body").animate({scrollTop:0},500);
		})


// ****************************************************************
		// 每层左边的鼠标移动上去就变大的小图标的效果
		
		$('.icon_font_tubiao img').hover(function(){
			$(this).stop().animate({'left':'-3px','top':'-3px','width':'31px','height':'31px'});
		},function(){
			$(this).stop().animate({'left':'0px','top':'0px','width':'28px','height':'28px'});
		})

		// 男装修正
		$('#icon_font_nanzhuangxiuzheng img').hover(function(){
			$(this).stop().animate({'left':'-5px','top':'-5px','width':'31px','height':'31px'});
		},function(){
			$(this).stop().animate({'left':'-1px','top':'0px','width':'28px','height':'28px'});
		})
		// 男装内衣修正
		$('#icon_font_nanzhuangneiyixiuzheng img').hover(function(){
			$(this).stop().animate({'left':'-5px','top':'-5px','width':'31px','height':'31px'});
		},function(){
			$(this).stop().animate({'left':'-1px','top':'0px','width':'28px','height':'28px'});
		})
		// 女鞋修正
		$('#icon_font_nvxiexiuzheng img').hover(function(){
			$(this).stop().animate({'left':'-5px','top':'-5px','width':'31px','height':'31px'});
		},function(){
			$(this).stop().animate({'left':'0px','top':'0px','width':'28px','height':'28px'});
		})
		// 男鞋修正
		$('#icon_font_nanxiexiuzheng img').hover(function(){
			$(this).stop().animate({'left':'-5px','top':'-5px','width':'31px','height':'31px'});
		},function(){
			$(this).stop().animate({'left':'0px','top':'0px','width':'28px','height':'28px'});
		})
		// 箱包修正
		$('#icon_font_baobaoxiuzheng img').hover(function(){
			$(this).stop().animate({'left':'-5px','top':'-5px','width':'31px','height':'31px'});
		},function(){
			$(this).stop().animate({'left':'0px','top':'0px','width':'28px','height':'28px'});
		})

		// 运动修正
		$('#icon_font_yundongxiuzheng img').hover(function(){
			$(this).stop().animate({'left':'0px','top':'-5px','width':'31px','height':'31px'});
		},function(){
			$(this).stop().animate({'left':'0px','top':'0px','width':'28px','height':'28px'});
		})

		// 户外修正
		$('#icon_font_huwaixiuzheng img').hover(function(){
			$(this).stop().animate({'left':'5px','top':'-5px','width':'33px','height':'33px'});
		},function(){
			$(this).stop().animate({'left':'5px','top':'0px','width':'28px','height':'28px'});
		})

		// 手机数码修正
		$('#icon_font_shoujishumaxiuzheng img').hover(function(){
			$(this).stop().animate({'left':'15px','top':'-10px','width':'33px','height':'33px'});
		},function(){
			$(this).stop().animate({'left':'10px','top':'-5px','width':'28px','height':'28px'});
		})
		// 家用电器修正
		$('#icon_font_jiayongdianqixiuzheng img').hover(function(){
			$(this).stop().animate({'left':'15px','top':'-10px','width':'33px','height':'33px'});
		},function(){
			$(this).stop().animate({'left':'10px','top':'-5px','width':'28px','height':'28px'});
		})

		// 母婴玩具修正
		$('#icon_font_muyingwanjuxiuzheng img').hover(function(){
			$(this).stop().animate({'left':'35px','top':'-10px','width':'33px','height':'33px'});
		},function(){
			$(this).stop().animate({'left':'30px','top':'-5px','width':'28px','height':'28px'});
		})
		// 食品修正
		$('#icon_font_shipinxiuzheng img').hover(function(){
			$(this).stop().animate({'left':'5px','top':'-10px','width':'33px','height':'33px'});
		},function(){
			$(this).stop().animate({'left':'5px','top':'-5px','width':'28px','height':'28px'});
		})
		// 图书音像修正
		$('#icon_font_tushuyinxiangxiuzheng img').hover(function(){
			$(this).stop().animate({'left':'5px','top':'-10px','width':'33px','height':'33px'});
		},function(){
			$(this).stop().animate({'left':'5px','top':'-5px','width':'28px','height':'28px'});
		})
		// 家装家纺修正
		$('#icon_font_jiazhuangjiafangxiuzheng img').hover(function(){
			$(this).stop().animate({'left':'15px','top':'-10px','width':'33px','height':'33px'});
		},function(){
			$(this).stop().animate({'left':'15px','top':'-5px','width':'28px','height':'28px'});
		})
		// 超市修正
		$('#icon_font_chaoshixiuzheng img').hover(function(){
			$(this).stop().animate({'left':'1px','top':'-10px','width':'33px','height':'33px'});
		},function(){
			$(this).stop().animate({'left':'1px','top':'-5px','width':'28px','height':'28px'});
		})


		// ***************************************************
		// 这个是当鼠标移到精选市场这个左边的二级菜单上的时候将下面的六个当做背景的li都透明
		// $('.shangchang').hover(function(){
		// 	$('.circulation').css({'display':'none'});
		// },function(){
		// 	$('.circulation').css({'display':'block'});
		// })

		// *****************************************************
		// 按理说这个只要换了class名就可以同样做到控制
		$('#gcy').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli1').show().siblings('.circulation').hide();
			// $('.ciy').hide();
		},function(){
			$('.cycle6','cycle1','cycle2','cycle3','cycle4','cycle5').hide();
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli1').hide();
			timer = setInterval(run,6000);
		})
		// **************************************************************************
		// 主页触及二级菜单切换效果


		// 女装这个是最重要的模板


		$('#fugaili1').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli1').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli1').hide();
			timer = setInterval(run,6000);
		})


		// 这个解决了将鼠标移入到主图上会消失的情况
		$('.last_hope').hover(function(){
			clearInterval(timer);
			$(this).show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$(this).hide();
			timer = setInterval(run,6000);
		})
// *************************************************************************
// 之后的全程复制粘贴对号入座就行了
		// 男装二级菜单
		$('#fugaili2').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli2').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli2').hide();
			timer = setInterval(run,6000);
		})


		// ******************************
		// 女鞋的二级菜单
		$('#fugaili3').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli3').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli3').hide();
			timer = setInterval(run,6000);
		})


		// *******************************
		// 化妆品的二级菜单
		$('#fugaili4').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli4').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli4').hide();
			timer = setInterval(run,6000);
		})
		// *************************************

		// 手机数码的二级菜单
		$('#fugaili5').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli5').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli5').hide();
			timer = setInterval(run,6000);
		})		
		// ***************************************

		// 母婴玩具的二级菜单
		$('#fugaili6').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli6').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli6').hide();
			timer = setInterval(run,6000);
		})			
		// ************************************


		// 零食进口的二级菜单
		$('#fugaili7').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli7').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli7').hide();
			timer = setInterval(run,6000);
		})					
		// ***********************************

		// 大家电的二级菜单
		$('#fugaili8').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli8').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli8').hide();
			timer = setInterval(run,6000);
		})			
		// ***************************************


		// 家居建材的二级菜单
		$('#fugaili9').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli9').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli9').hide();
			timer = setInterval(run,6000);
		})			
		// *****************************************

		// 珠宝饰品的二级菜单
		$('#fugaili10').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli10').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli10').hide();
			timer = setInterval(run,6000);
		})					
		// ******************************************

		// 汽车配件的二级菜单
		$('#fugaili11').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli11').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli11').hide();
			timer = setInterval(run,6000);
		})					

		// *************************************

		// 家纺家饰的二级菜单
		$('#fugaili12').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli12').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli12').hide();
			timer = setInterval(run,6000);
		})					
		// *****************************************
		// 医药保健的二级菜单
		$('#fugaili13').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli13').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli13').hide();
			timer = setInterval(run,6000);
		})		

		// ******************************************

		// 厨具收纳的二级菜单
		$('#fugaili14').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli14').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli14').hide();
			timer = setInterval(run,6000);
		})		

		// *********************************************
		// 图书音像的二级菜单
		$('#fugaili15').hover(function(){
			clearInterval(timer);
			$('.lunbotufugaideli15').show().siblings('.circulation').hide();
			$('.ciy').hide();
		},function(){
			$('.ciy').show();
			$('.circulation').show();
			$('.lunbotufugaideli15').hide();
			timer = setInterval(run,6000);
		})		
// *************************************************************************************


// 最后这一块儿做覆盖蒙版的那些li里面的图片由大变小的效果

// 首先应该写出一个函数方法,我想让这些个图片怎么进行变化
// var neibian = setInterval(innerchange(),4000);

// function  innerchange(){	
//  	$('.fugailimiandezhutu').('img').css({'left':'-10px','top':'-10px','width':'820px','height':'490px'});
//  	$('.fugailimiandezhutu').('img').stop().animate({'left':'0px','top':'0px','width':'810px','height':'480px'});
//  }

// // 添加事件源,当我给li触发鼠标移入事件的时候就会相应的触发这个定时器
// $('.last_hope').hover(function(){
// 	setInterval(innerchange,4000);
// },function(){
// 	clearInterval(neibian);
// })




// ***********************************************************
// 控制每一个二级菜单右滑菜单中的左上角小图标的右滑一下的动画效果
$('.hehui').hover(function(){
	$(this).stop().animate({'left':'5px'},500)
},function(){
	$(this).stop().animate({'left':'0px'},500)
})

// *******************************************************
// 通过修改背景图片的方式来修改右边的两个展示产品的图片
// 女装触发的右边变化
$('#fugaili1').hover(function(){
	$('.display_up').css({'background':'url(image/display_up.jpg)'});
})
$('#fugaili1').hover(function(){
	$('.display_down').css({'background':'url(image/display_down.jpg)'});
})
	// 男装触发的右边变化
$('#fugaili2').hover(function(){
	$('.display_up').css({'background':'url(image/TB1JblGVXXXXb8aXXXwu0bFXXX.png)'});
})

// 右边下面的展示图片
$('#fugaili2').hover(function(){
	$('.display_down').css({'background':'url(image/TB1Kt3jGVXXXXb9XVXXwu0bFXXX.png)'});
})
// *************************************************
	// 女鞋触发的右边变化
	// TB1PStFHXXXXXXQXpXX_uMX2pXX-190-240.png
$('#fugaili3').hover(function(){
	$('.display_up').css({'background':'url(image/TB1PStFHXXXXXXQXpXX_uMX2pXX-190-240.png)'});
})
// TB1WVM0GVXXXXcdXpXXwu0bFXXX.png
$('#fugaili3').hover(function(){
	$('.display_down').css({'background':'url(image/TB1WVM0GVXXXXcdXpXXwu0bFXXX.png)'});
})
// ************************************************

// 化妆品触发的右边变化
// TB1wm0aHXXXXXXlXXXX_uMX2pXX-190-240.png
$('#fugaili4').hover(function(){
	$('.display_up').css({'background':'url(image/TB1wm0aHXXXXXXlXXXX_uMX2pXX-190-240.png)'});
})
$('#fugaili4').hover(function(){
	$('.display_down').css({'background':'url(image/TB2Seh5bFXXXXc_XXXXXXXXXXXX-90919986.png)'});
})

// ******************************************
// 手机数码触发
// TB1ny80HXXXXXaOaXXX_uMX2pXX-190-240.png
$('#fugaili5').hover(function(){
	$('.display_up').css({'background':'url(image/TB1ny80HXXXXXaOaXXX_uMX2pXX-190-240.png)'});
})
// TB2b8WBbFXXXXbqXXXXXXXXXXXX_!!1114511827.png
$('#fugaili5').hover(function(){
	$('.display_down').css({'background':'url(image/TB2b8WBbFXXXXbqXXXXXXXXXXXX_!!1114511827.png)'});
})

// *******************************************8
// 母婴玩具触发
// TB1s0pjHXXXXXapXFXXwu0bFXXX.png
$('#fugaili6').hover(function(){
	$('.display_up').css({'background':'url(image/TB1s0pjHXXXXXapXFXXwu0bFXXX.png)'});
})
// TB1fT2PGVXXXXaXXVXXwu0bFXXX.png
$('#fugaili6').hover(function(){
	$('.display_down').css({'background':'url(image/TB1fT2PGVXXXXaXXVXXwu0bFXXX.png)'});
})

// **************************************************
// 零食触发
// TB1o0z9GVXXXXXGXFXXwu0bFXXX.png
$('#fugaili7').hover(function(){
	$('.display_up').css({'background':'url(image/TB1o0z9GVXXXXXGXFXXwu0bFXXX.png)'});
})
// TB1Jpz6GVXXXXcpXpXXwu0bFXXX.png
$('#fugaili7').hover(function(){
	$('.display_down').css({'background':'url(image/TB1Jpz6GVXXXXcpXpXXwu0bFXXX.png)'});
})

// ********************************************
// 大家电的
// TB1ExdbHXXXXXaSXXXX_uMX2pXX-190-240.png
$('#fugaili8').hover(function(){
	$('.display_up').css({'background':'url(image/TB1ExdbHXXXXXaSXXXX_uMX2pXX-190-240.png)'});
})
// TB1CGcSGVXXXXcjXpXXwu0bFXXX.png
$('#fugaili8').hover(function(){
	$('.display_down').css({'background':'url(image/TB1CGcSGVXXXXcjXpXXwu0bFXXX.png)'});
})
// ***********************************************
// 家居建材
// TB1s6zFGVXXXXbQXpXXwu0bFXXX.png
$('#fugaili9').hover(function(){
	$('.display_up').css({'background':'url(image/TB1s6zFGVXXXXbQXpXXwu0bFXXX.png)'});
})
// TB1JIQkGVXXXXcHXFXXwu0bFXXX.png
$('#fugaili9').hover(function(){
	$('.display_down').css({'background':'url(image/TB1JIQkGVXXXXcHXFXXwu0bFXXX.png)'});
})
// *********************************************************
// 珠宝饰品
// TB1T06uGVXXXXcsXpXXwu0bFXXX.png
$('#fugaili10').hover(function(){
	$('.display_up').css({'background':'url(image/TB1T06uGVXXXXcsXpXXwu0bFXXX.png)'});
})
// TB1tXUxGVXXXXb9XXXXwu0bFXXX.png
$('#fugaili10').hover(function(){
	$('.display_down').css({'background':'url(image/TB1tXUxGVXXXXb9XXXXwu0bFXXX.png)'});
})
// **********************************************
// 汽车配件
// TB1vkobGVXXXXcCXpXXwu0bFXXX.png
$('#fugaili11').hover(function(){
	$('.display_up').css({'background':'url(image/TB1vkobGVXXXXcCXpXXwu0bFXXX.png)'});
})
// TB1hsciGVXXXXXMXFXX_uMX2pXX-190-240.png
$('#fugaili11').hover(function(){
	$('.display_down').css({'background':'url(image/TB1hsciGVXXXXXMXFXX_uMX2pXX-190-240.png)'});
})
// ********************************************
// 家纺
// TB1MRBSHXXXXXb6XXXXwu0bFXXX.png
$('#fugaili12').hover(function(){
	$('.display_up').css({'background':'url(image/TB1MRBSHXXXXXb6XXXXwu0bFXXX.png)'});
})
// TB16aNlHXXXXXajXpXXwu0bFXXX.png
$('#fugaili12').hover(function(){
	$('.display_down').css({'background':'url(image/TB16aNlHXXXXXajXpXXwu0bFXXX.png)'});
})
// **********************************************
// 医药保健
// TB1mqsAGVXXXXc0XVXXwu0bFXXX.png
$('#fugaili13').hover(function(){
	$('.display_up').css({'background':'url(image/TB1mqsAGVXXXXc0XVXXwu0bFXXX.png)'});
})
// TB1Fa.XGVXXXXbZXpXXwu0bFXXX.png
$('#fugaili13').hover(function(){
	$('.display_down').css({'background':'url(image/TB1Fa.XGVXXXXbZXpXXwu0bFXXX.png)'});
})
// ************************************************
// 厨具收纳
// TB1Ymk9GVXXXXX9XpXXwu0bFXXX.png
$('#fugaili14').hover(function(){
	$('.display_up').css({'background':'url(image/TB1Ymk9GVXXXXX9XpXXwu0bFXXX.png)'});
})
// TB1eLZ.GVXXXXaqXVXXwu0bFXXX.png
$('#fugaili14').hover(function(){
	$('.display_down').css({'background':'url(image/TB1eLZ.GVXXXXaqXVXXwu0bFXXX.png)'});
})
// ****************************************************
// 图书音像
// TB1jbkpGXXXXXbfaXXXwu0bFXXX.png
$('#fugaili15').hover(function(){
	$('.display_up').css({'background':'url(image/TB1jbkpGXXXXXbfaXXXwu0bFXXX.png)'});
})
// TB1auFVHXXXXXagXXXXwu0bFXXX.png
$('#fugaili15').hover(function(){
	$('.display_down').css({'background':'url(image/TB1auFVHXXXXXagXXXXwu0bFXXX.png)'});
})



















































});